<div class = "asv">
    <div class="consume-panel">
    <el-col :span="10">
        <el-button  @click="addASV()" type="primary" >添加</el-button>
    </el-col>
    <el-col :span="14" style="text-align: left">
        <!--表格查询-->
        <el-form :inline="true" :model="checkFormInline" class="demo-form-inline">
            <el-form-item label="车辆类别">

                <el-select v-model="checkFormInline.vehicleType" placeholder="请选择" filterable clearable>
                    <el-option
                            v-for="item in vehicleTypes"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                    >
                    </el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="车辆状态">
                <el-input v-model="checkFormInline.vehicleState" placeholder="车辆状态"></el-input>
            </el-form-item>
            <el-form-item label=" ">
                <el-button type="primary" @click="checkASV()" >查询</el-button>
            </el-form-item>
        </el-form>
    </el-col>



    <!--表格数据-->
        <kf-table
                ref="baseTable"
                :data="tableData"
                border
                :close-on-click-modal="false"
                top="100px"
                :title="tl"
                one-screen
                layout="total, sizes, prev, pager, next, jumper"
        >
            <el-table-column prop="vehicleType"  label="车辆类别" >
            </el-table-column>
            <el-table-column prop="vehicleName" label="车辆名称">
            </el-table-column>
            <el-table-column prop="vehicleNum" label="车牌号">
            </el-table-column>
            <el-table-column prop="vehicleState" label="车辆状态">
            </el-table-column>
            <el-table-column label="操作" fixed="right" width="180px">
                <template scope="scope">
                    <el-button  @click="editASV(scope)" type="primary" >修改</el-button>
                    <el-button  @click="delectASV(scope)" type="primary" >删除</el-button>
                </template>
            </el-table-column>



            <!--模态框-添加保障车辆-->
            <template slot="editForm">
                <el-form :inline="true" :model="addVehicleForm" ref="addVehicleForm" class="vehicle-form-inline">
                    <el-row>
                        <el-form-item label="车辆类别" label-width="100px"  prop="vehicleType">
                            <el-select v-model="addVehicleForm.vehicleType" placeholder="请选择" filterable clearable>
                                <el-option
                                        v-for="item in vehicleTypes"
                                        :key="item.value"
                                        :label="item.label"
                                        :value="item.value"
                                >
                                </el-option>
                            </el-select>

                        </el-form-item>
                    </el-row>
                    <el-row>
                        <el-form-item label="车辆名称" label-width="100px" prop="vehicleName">
                            <el-input v-model="addVehicleForm.vehicleName" ></el-input>
                        </el-form-item>
                    </el-row>
                    <el-row>
                        <el-form-item label="车牌号"label-width="100px" prop="vehicleNum">
                            <el-input v-model="addVehicleForm.vehicleNum"></el-input>
                        </el-form-item>
                    </el-row>
                    <el-row>
                        <el-form-item label="车辆状态" label-width="100px" prop="vehicleState">
                            <el-input v-model="addVehicleForm.vehicleState"></el-input>
                        </el-form-item>
                    </el-row>
                </el-form>
            </template>
            <template slot="formBtn">
                <el-button  @click="clear()">取 消</el-button>
                <el-button type="primary" @click="saveASV()">确定保存</el-button>
            </template>
        </kf-table>

    </div>
</div>